﻿.clearfix:after{ content: ""; clear: both; visibility: hidden; display: block; height: 0;}
.clearfix{ zoom: 1;}
.width_1600{ width:1600px; margin:0 auto;}





/*顶部导航*/
#mould76384{ width:100%;height:100px; z-index: 9999; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); transition:1s;position: fixed;}
.navbars4{  height:auto;}
.navbars4 .logo{ width:150px; }
.navbars4 ul{ height:100px;margin-right: 5%;}
.navbars4 li{ position:relative;}
.navbars4 li >a{ padding:0; margin-right:64px; position:relative; background:none;}
.navbars4 li.active >a{ background:none; color:#31a554;}
.navbars4 li:hover >a{ background:none; color:#31a554;}
.navbars4 li:last-child >a{ margin-right:0;}
.navbars4 li >a:after{ content:""; display:block; width:0; height:2px; background:#31a554; position:absolute; top:30px; transition:.6s;}
.navbars4 li:hover >a:after{ width:100%;}
.navbars4 li.active >a:after{ width:100%;}
.navbars4 li .sub-dhmenu{ position:absolute; left:-200px; top:100px; background:rgba(255,255,255,0.8); width:1920px; line-height:60px; padding-left:60px; display:none;}
.navbars4 li .sub-dhmenu{ left:-78px;}

.navbars4 li:hover .sub-dhmenu{ display:block;}
.navbars4 li .sub-dhmenu a{ background:none; font-size: 15px; color:#333;}
.navbars4 li .sub-dhmenu a:hover{ color:#31a554;}

.navbars4 .tel{ margin-top: 28px; float: right;    color: #333;}
.navbars4 .tel .title img{ width:28px; height:23px; margin-right:10px; }
.navbars4 .tel .haoma{ line-height: 40px; font-size: 24px; float: left;}
.navbars4 .tel .haoma h3 {    line-height: 44px;    color: #31a554;    font-size: 22px;    font-weight: bold;    font-family: arial;}
.navbars4 .tel .title{ font-size: 16px;float: left;line-height: 30px; margin-top: 4px;}


/*轮播图*/
#mould78836{ position: relative;}
#mould78836 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right: 50px!important;}
#mould78836 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left: 50px!important;}
#mould78836 .swiper-container .swiper-pagination .swiper-pagination-bullet{ background-color:rgb(255, 255, 255);background:rgb(255, 255, 255);opacity:0.5;border-radius:4px; width:30px;}
#mould78836 .swiper-container .swiper-pagination .swiper-pagination-bullet-active{ background-color:rgb(255, 255, 255);background:rgb(255, 255, 255);opacity:1;border-radius:4px; width:30px;}

/*视频*/
#mould78836 .swiper-container .swiper-wrapper .first{ position:relative;}
#mould78836 .swiper-container .swiper-wrapper .first:after{ content:"";width: 100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.5); z-index:9;}
#mould78836 .swiper-container .swiper-wrapper .first .wenan_a{ text-align:center; color:#fff; position:absolute; top:36%; left:0; width: 100%; height:200px; z-index:10;}
#mould78836 .swiper-container .swiper-wrapper .first .wenan_a span{ width:40px; height:40px; margin:0 auto; background:url(/images/q.png) no-repeat center; display:block;}
#mould78836 .swiper-container .swiper-wrapper .first .wenan_a h2{ font-size:48px; line-height:48px; margin:20px 0 30px 0;}
#mould78836 .swiper-container .swiper-wrapper .first .wenan_a h3{ font-size:48px; line-height:48px;}
#mould78836 .swiper-container .swiper-wrapper .first .link_a{ width:320px; margin:100px auto 0 auto;}
#mould78836 .swiper-container .swiper-wrapper .first .link_a a{ float:left; font-size:18px; color:#fff; background:url(/images/b.png) no-repeat center right; padding-right:5px;}
#mould78836 .swiper-container .swiper-wrapper .first .link_a a:first-child{ margin-right:80px;}
#mould78836 .swiper-container .swiper-wrapper .first video{ width: 100%; height:100%; position:absolute; top:0; left:0; z-index:1;}




/*第一张轮播图
.first{position: relative;}
.nr{    position: absolute;bottom: 100px;    left: 50%;transform: translateX(-50%);}
.nr img {display: inline-block;width: inherit;}
.nr a:nth-child(1){float: left;margin-right: 50px;}
.nr a:nth-child(2){float: right;}
.nr a h2{color: #fff;}*/

/*product*/
.product{margin-top:56px;}
.product .pro-t{text-align: center;margin-bottom: 56px;}
.product .pro-t h2{color: #333;font-size: 34px;font-weight: bold;display:inline;}
.product .pro-t .til{color: #31a554;}
.product .pro-t span{font-size:34px;color:#333;font-weight: bold;margin: 0 2px;}
.product .pro-t h3{font-size:20px;color:#333;text-transform: uppercase;position: relative;}

.product .pro-t h3:before{content: "";display: block; width: 48px;  height: 1px;background:#333;position: absolute;top: 50%;transform: translateY(-50%);left:40.4%;}
.product .pro-t h3:after{content: "";display: block; width: 48px;  height: 1px;background:#333;position: absolute;top: 50%;transform: translateY(-50%);right:40.4%;}
.product .pro-n div{width:48%;height:570px;float:left;}
.product .pro-n{margin:0 auto;}
.product .pro-n .left{ background:url(/images/p-left.jpg) no-repeat;margin-right:4%;padding-left: 100px;box-sizing: border-box;}
.product .pro-n .right{ background:url(/images/p-right.jpg) no-repeat;padding-left: 100px;box-sizing: border-box;}
.product .pro-n h2{color:#fff;font-size:46px;font-weight:bold;margin-top: 116px;margin-bottom: 42px;}
.product .pro-n p{color:#fff;font-size:28px;margin-bottom: 154px;line-height: 48px;}
.product .pro-n h3{color:#fff;font-size:20px;}
.product .pro-n .left p{width:63%;}
.product .pro-n .right p{width:41%;}
.product .pro-n img{margin-top: -2px;}


/*实力*/
.shili{margin-top:58px;}
.shili .sh-t{text-align: center;margin-bottom: 56px;}
.shili .sh-t h2{color: #333;font-size: 34px;font-weight: bold;display:inline;}
.shili .sh-t .til{color: #31a554;}
.shili .sh-t span{font-size:34px;color:#333;font-weight: bold;margin: 0 2px;}
.shili .sh-t h3{font-size:20px;color:#333;text-transform: uppercase;position: relative;}
.shili .sh-t h3:before{content: "";display: block; width: 48px;  height: 1px;background:#333;position: absolute;top: 50%;transform: translateY(-50%);left:40.4%;}
.shili .sh-t h3:after{content: "";display: block; width: 48px;  height: 1px;background:#333;position: absolute;top: 50%;transform: translateY(-50%);right:40.4%;}


.shili .sh-n{text-align: center;background:url(/images/shili-bg.jpg) no-repeat;margin:0 auto;}
.shili .sh-n div{float:left;margin-right:13.5%;text-align: left;margin-top:60px;}
.shili .sh-n h2{font-size:42px;color:#333;font-weight: bold;}
.shili .sh-n h3{font-size:20px;color:#333;}
.shili .sh-n img{margin-bottom:26px;}
.shili .sh-n .pro1 span{font-size:30px;color:#333;font-weight: normal;margin-left: 4px;}
.shili .sh-n .par1 span{font-size:22px;color:#333;font-weight: normal;margin-left: 4px;}
.shili .sh-n .pro1{margin-left:10%;}
.shili .sh-n .zhl1{margin-right:0;}
.shili .sh-n .text{width:100%;text-align:center;margin-top: 78px;}
.shili .sh-n .text p{line-height:30px;}
.shili .sh-n{padding-bottom:170px;}

/*店铺展示*/
.shops .shops-t{text-align: center;margin-bottom: 54px;}
.shops .shops-t h2{color: #333;font-size: 34px;font-weight: bold;display:inline;}
.shops .shops-t .til{color: #31a554;}
.shops .shops-t span{font-size:34px;color:#333;font-weight: bold;margin: 0 2px;}
.shops .shops-t h3{font-size:20px;color:#333;text-transform: uppercase;position: relative;}
.shops .shops-t h3:before{content: "";display: block; width: 48px;  height: 1px;background:#333;position: absolute;top: 50%;transform: translateY(-50%);left:43%;}
.shops .shops-t h3:after{content: "";display: block; width: 48px;  height: 1px;background:#333;position: absolute;top: 50%;transform: translateY(-50%);right:43%;}

.shops .swiper-slide{ position:relative;box-sizing: border-box;}
.shops .swiper-button-prev,.shops .swiper-button-next{ width:56px; height:100px;  background:url(/images/btn_a.png) no-repeat; top:40%;}
.shops .swiper-button-prev{ left:17%;}
.shops .swiper-button-next{ right:17%; background-position:-56px 0;}
.shops .swiper-slide p{ position:absolute; bottom:0; left:0; width:100%; background:rgba(0,0,0,0.6); color:#fff; text-align:center; line-height:40px;}
.shops .width100{width:100%; height:auto; overflow-x:hidden;}
.shops .banner1{ width: 120%;  margin-left: -10%;}

/*加盟*/
.jiameng{margin-top:58px;}
.jiameng .jm-t{text-align: center;margin-bottom: 56px;}
.jiameng .jm-t h2{color: #333;font-size: 34px;font-weight: bold;display:inline;}
.jiameng .jm-t .til{color: #31a554;}
.jiameng .jm-t span{font-size:34px;color:#333;font-weight: bold;margin: 0 2px;}
.jiameng .jm-t h3{font-size:20px;color:#333;text-transform: uppercase;position: relative;}
.jiameng .jm-t h3:before{content: "";display: block; width: 48px;  height: 1px;background:#333;position: absolute;top: 50%;transform: translateY(-50%);left:37.8%;}
.jiameng .jm-t h3:after{content: "";display: block; width: 48px;  height: 1px;background:#333;position: absolute;top: 50%;transform: translateY(-50%);right:37.8%;}

.jiameng .jm-n .three{margin-right:0;}
.jiameng .jm-n .one{background:url(/images/jm1.jpg) no-repeat;width:31%;height:647px;float:left;margin-right:3.5%;}
.jiameng .jm-n .two{background:url(/images/jm2.jpg) no-repeat;width:31%;height:647px;float:left;margin-right:3.5%;}
.jiameng .jm-n .three{background:url(/images/jm3.jpg) no-repeat;width:31%;height:647px;float:left;}
.jiameng .jm-n h2{color: #fff;font-size: 34px;font-weight: bold;margin: 0 auto;text-align: center;margin-top:72px;margin-bottom: 18px;}
.jiameng .jm-n span{width:36px;height:3px;background:#fff;display: block;margin: 0 auto;}
.jiameng .jm-n p{color: #fff;font-size: 16px;line-height: 32px;}
.jiameng .jm-n h3{color: #3f80c0;font-size: 16px;width:110px;line-height: 40px;background:#fff;margin: 0 auto; text-align: center;}
.jiameng .jm-n .text{width:77%;height:146px;margin: 0 auto;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;margin-top: 68px;margin-bottom: 92px;}
.jiameng .jm-n .text p{height:160px;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;}

/*新闻*/
.news{margin-top:58px;margin-bottom:66px;}
.news .news-t{text-align: center;margin-bottom: 56px;}
.news .news-t h2{color: #333;font-size: 34px;font-weight: bold;display:inline;}
.news .news-t .til{color: #31a554;}
.news .news-t span{font-size:34px;color:#333;font-weight: bold;margin: 0 2px;}
.news .news-t h3{font-size:20px;color:#333;text-transform: uppercase;position: relative;}
.news .news-t h3:before{content: "";display: block; width: 48px;  height: 1px;background:#333;position: absolute;top: 50%;transform: translateY(-50%);left: 39.3%;}
.news .news-t h3:after{content: "";display: block; width: 48px;  height: 1px;background:#333;position: absolute;top: 50%;transform: translateY(-50%);right: 39.3%;}

.new9-cont li a p{ line-height:28px;}
.new9-cont li a:hover p{color: #333;}
.new9 .new9-cont{ width: 100%;}
.bt6 { margin-top: 80px;}
.new9 ul li{ width:31%; margin-right:3.2%; background:#fff;   position: relative; overflow:hidden;}
.new9 ul li:hover:after{ bottom:0;} 
.new9 ul li:last-child{ margin-right:0;}
#mould75402 ul li .new-img{  height:312px; }
#mould75402 ul li .new-img img{ border-color:rgb(255, 255, 255);}
#mould75402 ul li .new-title{ font-size:18px; line-height:60px; font-weight:bold; color:#323232; border-bottom:1px solid #ccc; margin-bottom:20px; position:relative; margin-top:8px;}
#mould75402 ul li .new-title:after{ content:""; position:absolute; bottom:-1px; left:0; width:60px; height:2px; background:#31a554; transition:1s;}
#mould75402 ul li:hover .new-title:after{ width: 100%;}
#mould75402 ul li:hover .new-title{ color:#31a554;}
#mould75402 ul li .new-date{ font-size:16px;color:#999; line-height: 30px;  margin-top: 20px;  float: left;}

/*底部*/
#mould81009{background: url("/images/foot.jpg") no-repeat; background-repeat: round;background-size:cover;background-repeat:no-repeat;background-position:center;width:100%;}
.footer{ background:none;}
.foot{margin:0 auto;width: 100%;}
.foot-ewm1{float: left!important;color: #fff;}
.foot-ewm1>p:first-child{ font-size:20px; margin-bottom:10px;}
.foot-ewm{ float:right;}
.foot-ewm>p{ float:initial; font-size:15px; line-height:36px; margin-left: 70px;}
.foot-ewm p img{ width:128px; height:128px;}
.foot-ewm p span{ color:#fff;    margin-top: 5px;}
.footer-foot{ background:none;}
.footer-foot .center{  margin:0 auto; border-top: 1px solid rgba(255,255,255,0.3);}
.footer-foot p{ line-height:46px; float:left; color:#fff;}
.footer-foot p a{ color:#fff;opacity：0.7;}
.footer-foot p a:hover{ color:#fff;}
.footer-foot p:last-child{ float:right;}
.foot_nav li p{ font-size:18px; color:#fff;}
.foot_nav li a{ font-size:15px; color:#fff;opacity:0.8;}
.foot_nav li a:hover{ color:#fff;opacity:1;}
.foot_nav{    padding-right: 56px;}
.foot_nav > ul > li {margin-right: 56px;}
.foot {padding: 84px 0;overflow: hidden;}
.foot-ewm .lx{margin-top:-8px;}







@media screen and (min-width:1440px) and (max-width:1680px){ 
  .news {width: 90%;}
  .width_1600 {width: 90%;}
  .ys-pic { width: 700px;background-size: 100%;height: 538px;}
  #mould81408 .navbars4 { width: 90%;}
 
  .copy_bg {width: 90%;}
  .product li p:first-child {height: 310px;}
  .news li .new-img {height: 285px;}
  #mould81410 .clearfix li{visibility: hidden;}
  #mould81410{padding-bottom:0px;}
  .about_a .left>p {margin-bottom: -44px;}
  .chuang .content .text{width:53%;}
  .foot_nav > ul > li {margin-right: 28px;}
  .foot-ewm>p {margin-left: 64px;}
  .foot_nav {padding-right: 20px;}
  .chuang .content .text {top: 156px;}
  .product_a .nr p{ width:250px;margin: 50px auto;}
  .product_a .nr{top: 68px;}
  
  .navbars4 li a {margin-left: 0px;}

  .navbars4 li a {margin-right: 56px;}
  .navbars4 li .sub-dhmenu a {margin-right: -8px;}
  .tel{display: none;}
  .navbars4 ul {margin-right: 3%;}
  
  .product .pro-n .left p { width: 88%;}
  .product .pro-n .left {padding-left: 80px;}
  .product .pro-n .right {padding-left: 80px;}
  .product .pro-n .right p { width: 52%;}
  .shili .sh-n div { margin-right: 10%;}
  #mould75402 ul li .new-img {height: 238px;}
  .product .pro-t h3:before {left: 37.4%;}
  .product .pro-t h3:after { right: 37.4%;}
  .shili .sh-t h3:before { left: 37.4%;}
  .shili .sh-t h3:after { right: 37.4%;}
.shops .shops-t h3:before {    left: 40%;}
  .shops .shops-t h3:after {    right: 40%;}
  .jiameng .jm-t h3:before {    left: 33.8%;}
   .jiameng .jm-t h3:after {    right: 33.8%;}
  .news .news-t h3:before {    left: 36%;}
  .news .news-t h3:after {    right: 36%;}
  .jiameng .jm-n .one{height:596px;}
.jiameng .jm-n .two{height:596px;}
.jiameng .jm-n .three{height:596px;}
 .navbars4 li:nth-child(8) .sub-dhmenu{ left:-124px;}
.navbars4 li:nth-child(7) .sub-dhmenu{ left:-174px;}   
  #mould76384 {    height: 80px; }
  .navbars4 .logo{ width:84px; height: 80px;}
  .navbars4 ul {    height: 80px;}
  .navbars4 li .sub-dhmenu {    top: 80px;}
  
  }


@media screen and (min-width:1360px) and (max-width:1439px){ 
  .news {width: 90%;}
  .width_1600 {width: 90%;}
  .ys-pic { width: 700px;background-size: 100%;height: 538px;}
  #mould81408 .navbars4 { width: 90%;}
  .navbars4 li a {margin-left: 0px;}

  .copy_bg {width: 90%;}
  .product li p:first-child {height: 293px;}
  .news li .new-img {height: 244px;}
  #mould81410 .clearfix li{visibility: hidden;}
  #mould81410{padding-bottom:0px;}
  .about_a .left>p {margin-bottom: -44px;}
  .chuang .content .text{width:53%;}
  .foot_nav > ul > li {margin-right: 20px;}
  .foot-ewm>p {margin-left: 64px;}
  .foot_nav {padding-right: 6px;}
  .chuang .content .text {top: 156px;}
  .product_a .nr p{ width:240px;margin: 50px auto;}
  .product_a .nr{top: 60px;}
  .anli .slider1{width:1200px;}
  
  .navbars4 li a {margin-right: 52px;}
  .navbars4 li .sub-dhmenu a {margin-right: -8px;}
  .tel{display: none;}
  .navbars4 ul {margin-right: 3%;}
  .product .pro-n .left p { width: 88%;}
  .product .pro-n .left {padding-left: 80px;}
  .product .pro-n .right {padding-left: 80px;}
  .product .pro-n .right p { width: 52%;}
  .shili .sh-n div { margin-right: 9.5%;}
  #mould75402 ul li .new-img {height: 238px;}
  .product .pro-t h3:before {left: 37.4%;}
  .product .pro-t h3:after { right: 37.4%;}
  .shili .sh-t h3:before { left: 37.4%;}
  .shili .sh-t h3:after { right: 37.4%;}
.shops .shops-t h3:before {    left: 40%;}
  .shops .shops-t h3:after {    right: 40%;}
  .jiameng .jm-t h3:before {    left: 33.8%;}
   .jiameng .jm-t h3:after {    right: 33.8%;}
  .news .news-t h3:before {    left: 36%;}
  .news .news-t h3:after {    right: 36%;}
  .jiameng .jm-n .one{height:596px;}
.jiameng .jm-n .two{height:596px;}
.jiameng .jm-n .three{height:596px;}
.navbars4 li:nth-child(8) .sub-dhmenu{ left:-124px;}
.navbars4 li:nth-child(7) .sub-dhmenu{ left:-174px;}  
    #mould76384 {    height: 80px; }
  .navbars4 .logo{ width:84px; height: 80px;}
  .navbars4 ul {    height: 80px;}
  .navbars4 li .sub-dhmenu {    top: 80px;}
}






